html, body {
  min-height: 100% !important;
}
.container {
  min-height: 100%;
  background:rgba(246,246,246,1);
}
.content {
  background: url('./images/newBrandDetails/ppxq_jpdt_img.png') no-repeat;
  background-size: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.36rem;
  padding-bottom: 0.3rem;
}
.line {
  width:0.02rem;
  height:0.7rem;
  background:rgba(229,229,229,1);
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
  .line {
    width: 1px !important;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 3) {
  .line {
    width: 2px !important;
  }
}
.topInfo {
  width:6.9rem;
  height:3.63rem;
  background:rgba(255,255,255,1);
  box-shadow:0rem 0.03rem 0.16rem rgba(178,178,178,0.18);
  border-radius:0.16rem;
  padding: 0.4rem 0.4rem 0.58rem 0.4rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.topInfo .logoGroup {
  display: flex;
  align-items: center;
  width: 100%;
}
.topInfo .logoGroup .logoImage {
  width:2.36rem;
  height:1.26rem;
  background:rgba(255,255,255,1);
  border:0.06rem solid rgba(207,4,5,1);
  border-radius:0.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.topInfo .logoGroup .logoImage img {
  max-width: 100%;
  max-height: 100%;
}
.topInfo .logoGroup .brandName{
  min-width:1.48rem;
  padding-left: 0.4rem;
  max-width: 3.3rem;
  font-size:0.36rem;
  font-weight:bold;
  color:rgba(51,51,51,1);
}
.topInfo .basicInfo {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.topInfo .basicInfo li {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.topInfo .basicInfo li p:first-child{
  font-size:0.36rem;
  font-weight:bold;
  color:rgba(192,49,40,1);
}
.topInfo .basicInfo li p:last-child{
  font-size:0.26rem;
  font-weight:400;
  color:rgba(51,51,51,1);
}

.qrcode {
  position: absolute;
  top: 0.5rem;
  right: 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
  display: flex;
}
.qrcode img {
  width: 100%;
  height: 100%;
}
.bottomDetails {
  width: 100%;
}
.bottomDetails li{
  margin-top: 0.4rem;
  width: 100%;
  font-size:0.28rem;
  font-weight:400;
  color:rgba(51,51,51,1);
  padding-left: 0.41rem;
  position: relative;
  display: flex;
}
.bottomDetails li::before {
  position: absolute;
  left: 0;
  top: 0.07rem;
  content: '';
  background: url('./images/newBrandDetails/ppxq_dzqq_img.png') no-repeat;
  background-size: cover;
  width: 0.26rem;
  height: 0.26rem;
}
.bottomDetails li .left{
  min-width: 1.33rem;
  font-size: 0.26rem;
  font-weight: 400;
  color: rgba(102,102,102,1);
}
.bottomDetails li .right {
  max-width: 4.6rem;
  font-size: 0.24rem;
  font-weight: 400;
  color: rgba(51,51,51,1);
  word-wrap: break-word;
}
.brandDetails {
  width:6.9rem;
  margin-top: 0.3rem;
  /* height:5.07rem; */
  background:rgba(255,255,255,1);
  box-shadow:0rem 0.03rem 0.16rem rgba(178,178,178,0.2);
  opacity:1;
  border-radius:0.16rem;
  padding: 0.3rem 0.3rem 0.6rem 0.3rem;
}
.brandDetails .title {
  font-size:0.34rem;
  font-weight:bold;
  color:rgba(51,51,51,1);
  width: 100%;
  padding-bottom: 0.3rem;
  border-bottom: 0.01rem solid rgba(229,229,229,1);
}



.mark {
  z-index: 99;
  display: none;
  width: 7.5rem;
  height: 100%;
  background:rgba(0,0,0, .8);
  position: absolute;
  top: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.mark .innerImg {
  overflow: hidden;
  background: transparent;
  width: 6rem;
  height: 7.7rem;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /* height: 9.98rem; */
  /* margin: 1.69rem 0.74rem; */
  position: fixed;
  border-radius: 0.11rem;
}
.mark .innerImg img {
  width: 100%;
}
.mark .innerImg .closeSelf {
  position: absolute;
  top: 0;
  right: 0;
  height: 1.04rem;
  width: 1.04rem;
}